<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
		<script>
			//创建实例
			let ax = axios.create({
				baseURL: "http://localhost:8080",
				// timeout: 2000
			})

			// 添加请求拦截器
			axios.interceptors.request.use(function(config) {
				// 在发送请求之前做些什么
				//修改请求参数 增加token 
				config.headers.token = "aa.bb.cc";
				return config;
			}, function(error) {
				// 对请求错误做些什么
				return Promise.reject(error);
			});

			// 添加响应拦截器
			axios.interceptors.response.use(function(response) {
				// 2xx 范围内的状态码都会触发该函数。
				console.log("response", response)
				// 对响应数据做点什么
				if (response.status == 200) {
					//正常 将接口数据转换为Promise对象返回
					return Promise.resolve(response.data);
				}
			}, function(error) {
				// 超出 2xx 范围的状态码都会触发该函数。
				// 对响应错误做点什么
				return Promise.reject(error);
			});



			//调用实例方法 发送请求
			ax.post("users", {
					page: 1
				})

				//响应结果
				.then(res => {
					console.log("接口结果", res.data)
				})
				.catch(e => {
					console.log({
						code: 0,
						msg: "请求失败"
					})
				})
		</script>
	</head>
	<body>
	</body>
</html>